<!--
 * @Author: wangwenshuai 644586996@qq.com
 * @Date: 2023-03-28 14:53:51
 * @LastEditors: wangwenshuai 644586996@qq.com
 * @LastEditTime: 2023-03-28 17:02:02
 * @FilePath: \carbon_jee\src\views\System\Process\PropertySetting\PropertyDialog.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="property-dialog">
    <Start
      :lf="lf"
      v-if="nodeData.type === 'start'"
      :nodeData="nodeData"
      @onClose="handleClose"
    ></Start>
    <CustomRect
      :lf="lf"
      v-if="nodeData.type === 'custom-rect'"
      :nodeData="nodeData"
      @onClose="handleClose"
    ></CustomRect>

    <CustomJudge
      :lf="lf"
      v-if="nodeData.type === 'custom-judge'"
      :nodeData="nodeData"
      @onClose="handleClose"
    ></CustomJudge>
    <CustomPolyline
      :lf="lf"
      v-if="nodeData.type === 'polyline'"
      :nodeData="nodeData"
      @onClose="handleClose"
    >
    </CustomPolyline>

    {{ nodeData }}
    <!-- <User
      v-if="nodeData.type === 'user'"
      :nodeData="nodeData"
      :lf="lf"
      @onClose="handleClose"/> -->
    <!-- <CommonProperty    
      v-else
      :nodeData="nodeData"
      :lf="lf"
      @onClose="handleClose"/> -->
  </div>
</template>
<script>
import CommonProperty from "./CommonProperty";
import User from "./User.vue";
import Audit from "./Audit.vue";
import Start from "./Start.vue";
import CustomRect from "./CustomRect.vue";
import CustomJudge from "./CustomJudge.vue";
import CustomPolyline from "./CustomPolyline.vue";
export default {
  name: "PropertyDialog",
  components: {
    CommonProperty,
    User,
    Audit,
    Start,
    CustomRect,
    CustomJudge,
    CustomPolyline,
  },
  props: {
    nodeData: Object,
    lf: Object,
  },
  data() {
    return {};
  },
  methods: {
    handleClose() {
      this.$emit("setPropertiesFinish");
    },
  },
};
</script>
<style>
.property-dialog {
  padding: 20px;
}
</style>
